<div class="button-group-head" style="">
    <span class="hrp-btn hrp-btn-add"><i class="fa fa-plus" style="padding-right: 4px;"></i>添加</span>
    <span class="hrp-btn hrp-btn-edit"><i class="fa fa-edit" style="padding-right: 4px;"></i>修改</span>
    <span class="hrp-btn hrp-btn-delete"><i class="fa fa-close" style="padding-right: 4px;"></i>删除</span>
    <span  class="hrp-btn hrp-btn-refresh"><i class="fa fa-refresh" style="padding-right: 4px;"></i>刷新</span>
</div>
<div style="height: 1000px;">
    <table id="dg" data-options="header:'#hh',singleSelect:true,border:false,fit:true,fitColumns:true,scrollbarSize:0">
        <thead>
        <tr>
            <th data-options="field:'id',width:20">代码</th>
            <th data-options="field:'text',width:30">名称</th>
            <th data-options="field:'menuUrl',width:30,align:'center'">路径</th>
            <th data-options="field:'sortId',width:20,align:'center'">排序</th>
        </tr>
        </thead>
    </table>
</div>

<script type="text/javascript">


    var menusPage={
        init:function () {
            this.initEvents();
            this.initGrid();
        },
        initEvents:function () {
            
        },
        initGrid:function () {


            $('#dg').treegrid({
                url:"/menus/getMenus",
                title: 'TreeGrid',
                iconCls: 'icon-save',
                singleSelect:true,
                idField:'id',  //关键字段来标识树节点，不能重复
                treeField:'text',  //树节点字段，也就是树节点的名称
                fitColumns:true,
                collapsible:true,//收起表格的
                loadMsg: '数据加载中...',
                animate:true,//在节点展开或折叠的时候是否显示动画效果
                lines:true,//显示treegrid行
            });
//
//
//            var data = 	[
//                {"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
//                {"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
//                {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
//                {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
//                {"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
//                {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
//                {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
//                {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
//                {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
//                {"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
//            ];
//
//                $('#dg').datagrid({
//                    data: data
//                });

        }
    }
    
    $(function () {
        menusPage.init();
        console.log($(".ss").length);
    })
</script>